/* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
 * of the key things about the widget is that it allows you to do your own styling!
 */
/*
#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate; 
	border: 0px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: hidden;
	outline: none;
}
*/
#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}
.cursor{ cursor:pointer;}
.titleCont{ color:#333 !important;}
.card-body a{ color:#333; text-decoration:none;}    
.modal-invite >.active{
        border:3px  #428bca solid;
    }
/*返回顶部*/ 
#roll_top {
	position:relative; 
	margin-bottom:1px;
	cursor:pointer;
	height:50px;
	width:50px;
	display:block;
} 
	
#roll {
	width:60px;
	position:fixed;
	right:30px;
	bottom:50px; 
	_position:absolute; 
	_margin-top:300px; 
	_bottom:auto; 
	_top:expression(eval(document.documentElement.scrollTop+
	document.documentElement.clientHeight-40-this.offsetHeight-
	(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); 
}


.card-head-right {
	font-family: Microsoft YaHei Light;
}
